@import "./../../../assets/scss/index.scss";
.bg-gray{
  background: #eee;
}
.bg-lightgray{
  background: #f3f3f3;
}
.bg-darkgray{
  background: #e4e4e4;
}
.color-gray{
  color: #a6a6a6;
}
.color-lightblue{
  color: #82d0e9;
}
.color-warning{
	color: #bb5353;
}
.padding-m{
  padding: pxTorem(20px);
}
.margin-t-xs{
  margin-top: pxTorem(10px);
}
.margin-t-s{
  margin-top: pxTorem(20px);
}
.margin-t-m{
  margin-top: pxTorem(30px);
}
.margin-l-xs{
  margin-left: pxTorem(10px);
}
.margin-l-s{
  margin-left: pxTorem(20px);
}
.text-s{
  font-size: pxTorem(14px);
}
.text-l{
  font-size: pxTorem(70px);
}
.text-center{
  text-align: center;
}
.flex-row{
  display: flex;
  flex-direction: row;
}
.flex-column{
  display: flex;
  flex-direction: column;
}
.icon-big{
  font-size: pxTorem(100px);
}
.auto-flex{
  flex: 1;
}
.h100{
  height: 100%;
}
input{
  padding: pxTorem(10px);
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
}
.text-desc{
  margin-top: pxTorem(8px);
  opacity: 0.7;
  font-size: pxTorem(16px);
}
.text-title{
  font-size: pxTorem(20px);
}

.print-container{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.print-left{
  width: 65%;
  padding: pxTorem(10px);
  display: flex;
  flex-direction: column;
  .device-item{
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
    padding: pxTorem(10px);
    .item-right,.item-left{
      align-items: center;
    }
  }
}
.img-printer{
  width: pxTorem(70px);
  height: pxTorem(70px);
  margin-right: pxTorem(15px);
}

.print-right{
  width: 35%;
  height: 100%;
  overflow: auto;
}


.title{
  padding: pxTorem(10px);
	display: flex;
	flex-direction: row;
	align-items: center;
}

.add{
  padding: pxTorem(10px);
  .add-container{
    display: flex;
    flex-direction: row;
    align-items: center;
    .material-icons{
      color: #63abda;
      font-size: pxTorem(50px);
    }
  }
}
.list{
  padding: pxTorem(20px);
	section{
		display: flex;
		flex-direction: row;
    align-items: center;
		padding: pxTorem(10px) 0;
	}
}

search-device{
  height: 100%;
}
.search-desc{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85%;
}

.no-search{
  padding: pxTorem(10px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  height: 80%;
}

.wifi-content{
  padding: pxTorem(10px);
}

.btn-primary{
    font-size: pxTorem(24px);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: pxTorem(16px);
    background: #39a348;
    color: #fff;
    margin: pxTorem(20px) auto;
    width: pxTorem(220px);
}
.btn-search-wifi{
  width: 100% !important;
  box-sizing: border-box;
  font-size: pxTorem(25px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: pxTorem(10px);
  background: #39a348;
  color: #fff;
  margin: pxTorem(20px) auto;
  width: pxTorem(200px);
}


.config-container{
  height: 100%;
  overflow: auto;
  .config-content{
    padding: pxTorem(10px);
    height: 100%;
    overflow: auto;
    .confit-detail{
      width: 90%;
      height: 100%;
    }
    md-select{
      width: 100%;
      background: #fff;
      padding-left: pxTorem(10px);
      box-sizing: border-box;
    }
    .config-item{
      margin-top: pxTorem(10px);
      p,input,div{
        margin-top: pxTorem(10px);
      }
      .device-info{
        background: #fff;
        padding: pxTorem(10px);
        border-radius: 5px;
        .btn-test{
          background: #c9c9c9;
          width: 100%;
          padding: pxTorem(10px);
          font-size: pxTorem(16px);
          margin-top: pxTorem(10px);
          opacity: .9;
        }
      }
    }
  }
  .turn-container{
    width: 15%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    flex-shrink: 0;
    .turn-page{
      justify-content: space-between;
      align-items: center;
      height: 85%;
      position: fixed;
      right: 0;
      flex-shrink: 0;
    }
  }
  
}


.btn-add-device{
  width: 100% !important;
}
md-menu{
  padding: pxTorem(10px);
  button{
    padding: 0 pxTorem(20px) !important;
  }
}

.expedition-print{
  padding: pxTorem(10px);
  .padding{
    padding: pxTorem(10px) 0;
  }
}
.edit-title{
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: pxTorem(10px);
  align-items: center;
  p:last-child{
    margin-top: pxTOrem(10px);
  }
}

.icon-print{
  width: pxTorem(50px);
  height: pxTorem(50px);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  margin-right: pxTorem(10px);
  color: #fff;
  flex-shrink: 0;
}
.icon-usb{
  background: #f47350;
}
.icon-wifi{
  background: #49b584;
}
.icon{
  font-size: pxTorem(30px) !important;
}